<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>积分平台</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="__INDEX__/mui/css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/monthly.css"/>
		<script src="__INDEX__/js/lib/font.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	    <header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav mui-pull-left goindex" style="color: #ffffff"></a>
	        <h1 class="mui-title">工作月报</h1>
	    </header>
	    <div class="mui-content">
			<form id="forms" enctype="multipart/form-data">
				<input type="text" name="work_report_type" value="3" style="display: none">
	    	<div class="modular">
				<div class="mui-input-row">
			        <label>工作标题：</label>
			    	<input type="text" class="mui-input-clear" id="title" name="work_report_title" placeholder="请输入月总结标题" />
				</div>
			</div>
	    	<div class="modular">
				<div class="mui-input-row">
			        <label>工作日期：</label>
			    	<input type="text" id="dateTime" class="mui-input-clear" name="create_time" disabled="disabled" value="2018-06-20" />
				</div>
			</div>
			
			<div class="modular">
				<textarea name="contents" class="textCont" placeholder="请填写您的公告内容(500字以内)" ></textarea>
				<div class="cont-bottom">
					<div class="addImg mui-pull-left">
						<!--<a class="defaultImg" >-->
						<!--<label for='test1'>-->
						<!--<img src="__INDEX__/images/addImg.png"/>-->
						<!--</label>-->
						<!--<input class="xiangce" id="test1"  type="file" accept="image/*">-->
						<!--</a>	-->
						<input id="test1" name="picture[]"  type="file" accept="image/*" multiple>
					</div>
					<p class="mui-pull-right">最多添加3张图片</p>
				</div>
			</div>
			<div class="modular">
				<!--<div class="mui-input-row">-->
					<!--<a href="{:url('index/recipient')}">-->
						<!--<div class="copy">-->
							<!--<p class="mui-pull-left">发送月报：</p>-->
							<!--<div class="mui-pull-left characterBox">-->
								<!---->
							<!--</div>-->
						<!--</div>-->
				    	<!--<span class="mui-icon mui-icon-arrowright"></span>-->
					<!--</a>-->
				<!--</div>-->
				<div class="mui-input-row">
					<a href="{:url('index/recipient')}">
						<label>发送月报：</label>
						<input type="text" class="mui-input-clear" id="jieshou" disabled="disabled" placeholder="添加接收人">
						<input type="text" name="recipient" style="display: none">
						<span class="mui-icon mui-icon-arrowright"></span>
					</a>
				</div>
			</div>
			</form>
	    </div>
	    <button class="btn mui-btn mui-btn-block">确定发送</button>
		<script src="__INDEX__/js/lib/zepto.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/mui/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/mui/js/mui.view.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/layer_mobile/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/js/monthly.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/js/jquery.3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/js/maowenke.js" type="text/javascript" charset="utf-8"></script>
	<script>
        $(".goindex").on('tap',function () {
            window.location.href = "{:url('index/index')}";
        });
        $(".btn").on('tap',function () {
            ajax($("#forms"),"{:url('add/report')}",function (data) {
                if(data.code==200){
                    mui.alert(data.msg);
                    setTimeout(function () {
                        window.location.href="{:url('index/index')}";
                    },1500);
                }else{
                    mui.alert(data.msg);
                }
            })
        })
	</script>
	</body>
</html>
